/**
 * Created by twy-inc on 2016/6/8.
 */
//点击商品后，商品的图片出现动态动画效果
$(document).ready(function(){
    $('.button').on('click', function () {
        var i = parseInt($(".buy_number").children('span').text());
        var cart = $('.buy_number');
        var imgtodrag = $(this).parent('.library_list').find('img').eq(0);
        i++;
        if (imgtodrag) {
            var imgclone = imgtodrag.clone().offset({
                top: imgtodrag.offset().top,
                left: imgtodrag.offset().left
            }).css({
                'opacity': '0.5',
                'position': 'absolute',
                'height': '150px',
                'width': '150px',
                'z-index': '100'
            }).appendTo($('body')).animate({
                'top': cart.offset().top-5,
                'left': cart.offset().left-5,
                'width': 75,
                'height': 75
            }, 1000, 'easeInOutExpo');
            imgclone.animate({
                'width': 0,
                'height': 0
            }, function () {
                $(this).detach();
            });
        };
    });
    //点击button类，出现加一的动画效果
    $(".button").click(function (){
        $(".buy_car div").last().addClass("animation");
        setTimeout(function () {
            $(".buy_car div").last().removeClass("animation");
        },1000);
    });

    //全部、人气、跑单导航栏点击改变颜色事件
    $(".library_btn").click(function(){
        $(".library_btn").removeClass('active');
        $(this).addClass('active');
    });

    //分类点击变换颜色事件
    $(".library_class").children("a").click(function(){
        $(this).css({"color":"#5cadff"});
        $(this).siblings().css({"color":"#777777"});
    });

    //点击后，类名为html_input的div显示
    $('.label_new').on('click','.creat_title',function(){
        $(".html_input").show();
        $(".val_name_title").html('<span class="am-fl val_name_start">我的标签：</span>');
        var name_span=$('.label_new .name_span');
        var span_length = name_span.length;
        for(var i=0;i<span_length;i++){
            var label_span_val =name_span.eq(i).text();
            $(".val_name_start").after(
                "<p class='val_name_p'>"+
                    "<span class='name_span'>"+ label_span_val+ "</span>"+
                    "<span class='name_button' title='删除'>X</span>"+
                "</p>"
            );
             
        }
        
    });
    //点击自定义标签查询
    $('.label_new').on('click','.name_span',function () {
        $('.label_new .name_span').css({'color':'#000'});
        $(this).css({'color':'#5c9dff'});
        //alert('00');
        var title_val=$(this).text();
        $('#search_input').val(title_val);
        $('.search_button').click(function(){

        });
    });


    //点击生成新的标签
    var name_number = 0;
    $('.name').on('click','.add_sub',function(){
        var title_span=$('.val_name_title').children('.val_name_p');
        if(title_span.length>=8){
            $('.add_warn').text('已达到8个标签');
            $('.add_warn').show();
            return false;
        }
        var name_span = $(".val_name_title").find(".name_span");
        name_number++;
        var vals = $(".val_name_input input").val();
        if($.trim(vals)==''){
            return false;
        }
        var name_text=$('.val_name_title .name_span');
        var length=name_text.length;
        for(var i=0;i<length;i++){
            var val_text=name_text.eq(i).text();
            if($.trim(vals)==val_text){
                $('.add_warn').show();
                return false;
            }
        }
        
        if (name_span.length<=8){
            $(".val_name_start").after(
                "<p class='val_name_p'>"+
                    "<span class='name_span'>"+ vals+ "</span>"+
                    "<span class='name_button' title='删除'>X</span>"+
                "</p>"
            );
        }else{
            return false;
        }
        $(".name_button").click(function(){
            $(this).parent(".val_name_p").remove();
        });
    });

    $(".write_text").focus(function(){
        $('.add_warn').hide();
        $('.add_warn').html('标签已存在');
    });

    //点击模态框内生成的标签
    $('.val_name_title').on('click','.name_button',function(){
            $(this).parent(".val_name_p").remove();
    });

    //点击热门标签生成自己的标签
    $('.title_list').on('click','.hot_title',function(){
        var title_span=$('.val_name_title').children('.val_name_p');
        if(title_span.length>=8){
            $('.add_warn').text('已达到8个标签');
            $('.add_warn').show();
            return false;
        }else{
          var vals = $(this).text();
            var name_text=$('.val_name_title .name_span');
            var length=name_text.length;
            for(var i=0;i<length;i++){
                var val_text=name_text.eq(i).text();
                //console.log(val_text);
                if(vals==val_text){
                    return false;
                }
            }
            

            $(".val_name_start").after(
                "<p class='val_name_p'>"+
                 "<span class='name_span'>"+ vals+ "</span>"+
                 "<span class='name_button' title='删除'>X</span>"+
                "</p>"
            );
            }
        
    });


    //点击隐藏生成新标签的窗口
    $(".val_name_off").click(function(){
       $(".html_input").hide();
    });
     $(".sub_title").click(function(){
       $(".html_input").hide();
    });

    //
    $(".label_one").click(function(){
        $(this).css({"color":"#5cadff"});
        $(this).siblings().css({"color":"#777777"});
    });

    //点击进入批量推广模态框
    $(".buy_number").click(function(){
        $(".buy_car_background").show();
    });
    //关闭推广模态框
    $(".buy_car_header img").click(function(){
        $(".buy_car_background").hide();
    });

    //关闭推广模态框
    $('.close_modal').click(function(){
        $(".buy_car_background").hide();
    });

    /*$(".delete").click(function(){
        $(this).parents(".product").remove();
    });*/

    //点击在购物车中添加想要推广的商品和删除购物车的商品
    var number = 0;
    var aaa;
    $(".button").click(function(){
        number++;
        aaa="product"+number
        $(".buy_car_main").prepend("<div class='product "+aaa+"'></div>");
        var product = $(".product");
        $(this).html('<div>已选取</div>');
        $(this).css('color','rgb(208, 208, 208)');
        $(this).attr('disabled','disabled');
        var get_id=$(this).attr('id');
		$("."+aaa).prepend().html(
            $(this).parents(".library_list").html()+
            "<div class='product_button'>"+
            "<i class='product_button_i' data-id="+get_id+"></i>"
            +"</div>"
        );
        
        $(".buy_number span").text(product.length);
        $(".product").find(".library_statistics,.button,.button1").remove();
        $(".product_button_i").click(function () {
            var id=$(this).attr('data-id');
            $('#'+id).html('<div>批量选取</div>');
            $('#'+id).css('color','#FFFFFF');
            $('#'+id).attr('disabled',false);
            $(this).parents(".product").remove();
            var product = $(".product");
            $(".buy_number span").text(product.length);

        });
        $(".product").mouseenter(function () {
            $(this).find(".product_button").show();
        });
        $(".product").mouseleave(function () {
            $(this).find(".product_button").hide();
        });
    });
    //排序选择
    $('.sequence_list a').click(function(){
        $('.sequence_list a').removeClass('sort');
        $(this).addClass('sort');
    });



    //点击删除购物车上面的所有商品
    $(".buy_car_button button").eq(0).click(function(){
		/*number=0;
		$(".buy_number span").text(number);
        $(".buy_car_main").empty();*/
        //alert('000');
        var a = $('.product_button_i');
        var b = a.length;
        for(var i = 0;i<b;i++){
            var id=a.eq(i).attr('data-id');
            $('#'+id).html('<div>批量选取</div>');
            $('#'+id).css('color','#FFFFFF');
            $('#'+id).attr('disabled',false);
        }
        
        $('.product_button_i').parents(".product").remove();
        var number=0;
        $(".buy_number span").text(number);
       
    });
    //点击搜索商品的文本框添加动画效果
    $("#search_input").click(function(){
        $(".search_input").animate({"border-color":"#5c9dff"});
    });

    //鼠标离开搜索商品的文本框添加动画效果
    $(".search_input").mouseleave(function(){
        $(".search_input").animate({"border-color":"#cccccc"});
    });
});